<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="../Public/css/cart.css" />
	<script type="text/javascript" src="../Public/js/jquery-1.7.2.js"></script>
</head>
<body>
	<div id="cs-top1">
		<div class="logo"><img src="../Public/images/bg-jihe/cs-logo.png" alt="" /></div>
		<div class="welcome">
			欢迎您，<span class="username">JM181CHHE7221</span> <a href="" class="loout">[退出]</a>|<a href="" class="dingdan">订单查询</a>
		</div>
		<div class="jindu"></div>
	</div>

	<div class="xian"></div>

	<div id="cs-top2">
		<p class="overtime"><b></b>已超过购物车商品保留时间，请尽快结算。</p>
		<p class="pic"></p>
		<p class="baoyou"></p>
	</div>

	<div id="cs-top3">
		<form action="">
			<ul class="line1">
				<li class="checkbox"><input type="checkbox" /><span>聚美优品发货</span></li>
				<li>聚美价（元）</li>
				<li class="a1">数量</li>
				<li class="a2">小计（元）</li>
				<li class="a3">操作</li>
			</ul>
			<ul class="line2">
				<li class="checkbox"><input type="checkbox"/></li>
				<li class="pic"><img src="../Public/images/pro-pic/607970_60_60.jpg"/></li>
				<li class="produce"><a class="a1" href="">赫莲娜 (Helena Rubinstein)猎豹艳炫防水睫毛...</a><p class="a2">型号：7.2ml</p></li>
				<li class="price"><p class="a1">309.00</p>
				<p class="a2">420.00</p></li>
				<li class="count"><span class="a1">-</span><input class="a2"type="text" /><span class="a3">+</span></li>
				<li class="allprice"><span class="a1">927.00</span><span class="a2"><b>省</b>333.00</span></li>
				<li class="del"></li>
			</ul>
			<foreach from="$data['goods']" key="$k" value="$v">
			<ul class="line2">
				<li class="checkbox"><input type="checkbox"/></li>
				<li class="pic"><img src="{$v.options.spic}"/></li>
				<li class="produce"><a class="a1" href="">{$v.name}</a>
					<foreach from="$v['gavalue']" key="$k2" value="$v2">
					<p class="a2"><?php echo $v['taname'][$k2] ?>：{$v2}</p>
					</foreach>
				</li>
				<li class="price"><p class="a1">{$v.price}</p>
				<p class="a2">420.00</p></li>
				<li class="count"><span class="a1">-</span><input class="a2"type="text" value="{$v.num}" /><span class="a3">+</span></li>
				<li class="allprice"><span class="a1">927.00</span><span class="a2"><b>省</b>333.00</span></li>
				<li class="del"></li>
			</ul>
			</foreach>
			
			<div class="line3">
				<span class="a1">商品金额：</span>
				<span class="a2">￥927.00</span>
			</div>
			<div class="line4">
				<div class="quanxuan"><label><input type="checkbox" /><span>全选</span></label></div>
				<div class="b2"><a href="">继续购物</a> | <a class="delete" href="javascript:;">清空选中商品</a></div>
				<div class="total">共<span>2</span>件商品</div>
				<div class="yingfu">商品应付总额：<span>￥927.00</span> </div>
				<input class="sumbit" type="submit" value="" />
			</div>
			<script type="text/javascript">
				$(function(){

					// 清空选中商品
					$('#cs-top3 form .line4 .b2 a.delete').click(function() {
						$.each($('.line2 .checkbox input'),function(){
							if($(this).attr("checked") == "checked"){
								$(this).parents('.line2').hide(200);
							}
						})
					});

					// 全选商品
					$('#cs-top3 form .line4 .quanxuan input').click(function(){

						$.each($('.line2'), function(index, val) {
							 $(this).find('.checkbox').find('input').attr("checked",'true');
						});

					});
					
				})
				
			</script>
		</form>

	</div>

	<div id="cs-top4">
		<div class="top1">
			<ul>
				<li><a href="">购买的还买了</a><i></i></li>
				<li><a href="">今日最受欢迎</a><i></i></li>
				<li><a href="">我的收藏</a><i></i></li>
				<li><a href="">最近查看过</a><i></i></li>
			</ul>
		</div>
		<div class="top2">
			<div class="detail">
				<div class="every">
					<div class="pic"><img src="../Public/images/pro-pic/656894_160_160.jpg" alt="" /></div>
					<div class="title"><a href=""><span>6.5折/</span>比度克 (BeDook)保湿水乳 100ml</a></div>
					<div class="price"><span class="a1">¥39.0</span>&nbsp;&nbsp;<span class="a2">¥80.00</span></div>
					<div class="cart"></div>
				</div>
				<div class="every">
					<div class="pic"><img src="../Public/images/pro-pic/656894_160_160.jpg" alt="" /></div>
					<div class="title"><a href=""><span>6.5折/</span>比度克 (BeDook)保湿水乳 100ml</a></div>
					<div class="price"><span class="a1">¥39.0</span>&nbsp;&nbsp;<span class="a2">¥80.00</span></div>
					<div class="cart"></div>
				</div>
				<div class="every">
					<div class="pic"><img src="../Public/images/pro-pic/656894_160_160.jpg" alt="" /></div>
					<div class="title"><a href=""><span>6.5折/</span>比度克 (BeDook)保湿水乳 100ml</a></div>
					<div class="price"><span class="a1">¥39.0</span>&nbsp;&nbsp;<span class="a2">¥80.00</span></div>
					<div class="cart"></div>
				</div>
				<div class="every">
					<div class="pic"><img src="../Public/images/pro-pic/656894_160_160.jpg" alt="" /></div>
					<div class="title"><a href=""><span>6.5折/</span>比度克 (BeDook)保湿水乳 100ml</a></div>
					<div class="price"><span class="a1">¥39.0</span>&nbsp;&nbsp;<span class="a2">¥80.00</span></div>
					<div class="cart"></div>
				</div>
				<div class="every">
					<div class="pic"><img src="../Public/images/pro-pic/656894_160_160.jpg" alt="" /></div>
					<div class="title"><a href=""><span>6.5折/</span>比度克 (BeDook)保湿水乳 100ml</a></div>
					<div class="price"><span class="a1">¥39.0</span>&nbsp;&nbsp;<span class="a2">¥80.00</span></div>
					<div class="cart"></div>
				</div>
			</div>
			
		</div>
	</div>

	<div id="cs-top5">
		<div class="center"><!-- 背景图片 --></div>
	</div>


</body>
</html>